/**
 * 配置参考: https://cli.vuejs.org/zh/config/
 */
//打包配置自动忽略console.log等
const TerserPlugin = require("terser-webpack-plugin");

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
    chainWebpack: config => {
        const svgRule = config.module.rule('svg')
        svgRule.uses.clear()
        svgRule
            .test(/\.svg$/)
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
    },
    //配置scss文件全局变量
    css: {
        loaderOptions: {
            // 没有分号会报错
            sass: {
                // additionaData: '@import "@/assets/scss/color.scss";' //旧版sass-loader写法(8.0以下)
                additionalData: `@import "@/assets/scss/color.scss";` //新版scss-loader(8.0及以上)
            }
        }
    },
    productionSourceMap: false,
    devServer: {
        open: true,
        port: 8080,
        host: '0.0.0.0',
        overlay: {
            errors: true,
            warnings: true
        },
    },
    // configureWebpack: {
    //   plugins: [
    //     //在new TerserPlugin增加多进程打包速度快点
    //     new TerserPlugin({
    //       cache: true,// 降低版本号后增加
    //       sourceMap: false,//降低版本号后增加
    //       // 多进程
    //       parallel: true,//降低版本号后增加
    //       terserOptions: {
    //         ecma: undefined,
    //         warnings: false,
    //         parse: {},
    //         compress: {
    //           drop_console: true,
    //           drop_debugger: false,
    //           pure_funcs: ['console.log'], // 移除console
    //         },
    //       },
    //     }),
    //   ],
    // }
}